<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="js/healthCareMain.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	
	
 high = $('#main-chart').highcharts({
	    chart: {
	        type: 'area'
	    },
	    title: {
	        text: '통 계'
	    },
	    subtitle: {
	        text: 'Burpee.com'
	    },
	    xAxis: {
	        labels: {
	            formatter: function() {
	                return this.value; // clean, unformatted number for year
	            }
	        }
	    },
	    yAxis: {
	        title: {
	            text: 'Nuclear weapon states'
	        },
	        labels: {
	            formatter: function() {
	                return this.value / 1000 +'k';
	            }
	        }
	    },
	    tooltip: {
	        pointFormat: '{series.name} produced <b>{point.y:,.0f}</b><br/>warheads in {point.x}'
	    },
	    plotOptions: {
	        area: {
	            pointStart: 1940,
	            marker: {
	                enabled: false,
	                symbol: 'circle',
	                radius: 2,
	                states: {
	                    hover: {
	                        enabled: true
	                    }
	                }
	            }
	        }
	    },
	    series: [{
	        name: '통계',
	        data: value

	    }, {
	        name: 'USSR/Russia',
	        data: [null, null, null, null, null, null, null , null , null ,null,
	        5, 25, 50, 120, 150, 200, 426, 660, 869, 1060, 1605, 2471, 3322,
	        4238, 5221, 6129, 7089, 8339, 9399, 10538, 11643, 13092, 14478,
	        15915, 17385, 19055, 21205, 23044, 25393, 27935, 30062, 32049,
	        33952, 35804, 37431, 39197, 45000, 43000, 41000, 39000, 37000,
	        35000, 33000, 31000, 29000, 27000, 25000, 24000, 23000, 22000,
	        21000, 20000, 19000, 18000, 18000, 17000, 16000]
	    }]
	}); 
	    var date = new Date();
	    var d = date.getDate();
	    var m = date.getMonth();
	    var y = date.getFullYear();
	    
	    var calendar = $('#total-scheldular').fullCalendar({
	        header: {
	            left: 'prev,next today',
	            center: 'title',
	            right: 'month,agendaWeek,agendaDay'
	        },
	        selectable: true,
	        selectHelper: true,
	        select: function(start, end, allDay) {
	            var title = prompt('일정 등록');
	            if (title) {
	                calendar.fullCalendar('renderEvent',
	                    {
	                        title: title,
	                        start: start,
	                        end: end,
	                        allDay: allDay
	                    },
	                    true // make the event "stick"
	                );
	            }
	            calendar.fullCalendar('unselect');
	        },
	        editable: true
	        /* events: [
	            {
	                title: 'All Day Event',
	                start: new Date(y, m, 1)
	            },
	            {
	                title: 'Long Event',
	                start: new Date(y, m, d-5),
	                end: new Date(y, m, d-2)
	            },
	            {
	                id: 999,
	                title: 'Repeating Event',
	                start: new Date(y, m, d-3, 16, 0),
	                allDay: false
	            },
	            {
	                id: 999,
	                title: 'Repeating Event',
	                start: new Date(y, m, d+4, 16, 0),
	                allDay: false
	            },
	            {
	                title: 'Meeting',
	                start: new Date(y, m, d, 10, 30),
	                allDay: false
	            },
	            {
	                title: 'Lunch',
	                start: new Date(y, m, d, 12, 0),
	                end: new Date(y, m, d, 14, 0),
	                allDay: false
	            },
	            {
	                title: 'Birthday Party',
	                start: new Date(y, m, d+1, 19, 0),
	                end: new Date(y, m, d+1, 22, 30),
	                allDay: false
	            },
	            {
	                title: 'Click for Google',
	                start: new Date(y, m, 28),
	                end: new Date(y, m, 29),
	                url: 'http://google.com/'
	            }
	        ] */
	});
}); 
/*
 *  
 *  건강기록부 메인 챠트
 * 
 */
</script>
  
    
    <div id="fileUploadDiv">
    	<form id="fileUploadForm" method="post" enctype="multipart/form-data">
  			<input type="file" name="file" id="file" style="display: none;">
    	</form>
    </div>

<!-- 
    
	뿌려줄 Div
    
-->
    <div id="healthCareContents">

		<div id="healthCareContents-sub">
			<div id="memberDetail">
				<div id="image">
                    <img src="image/profile.png" style="width: 100px; height: 100px">
                </div>
			</div>
			<div>
				<div id="main-scheldular">
					<div id="total-scheldular">
							
					</div>
					
					<div id="main-chart"></div>
					
					<div id="today-food">
						<div><span style="display: inline-block; margin-top: 14px;font-weight: bold; font-size: 16px; ">오늘의 식단표</span></div> 
						<table id="today-food-table" style="width: 100%; height: 180px;">
							<tr style="height: 22px; width: 100%; }">
								<th>아침</th>
								<th>점심</th>
								<th>저녁</th>
							</tr>	

							<tr style=" height: 120px;">
								<td></td>	
								<td></td>	
								<td></td>	
							</tr>

							<tr style="height: 30px;">
								<td colspan="3" style="text-align: center; color: darkgray;">총 하루 칼로리 845kcal로 목표 감량까지 3달 정도 예상합니다 </td>	
							</tr>
						
						</table>	
					</div>
					
					
					
					<div id="today-sport">
						<div>오늘의 운동표</div>
						<div>
							<table id="totay-sport-table" style=" margin: 0 auto; height: 500px;">
								<tr style="">
									<th style="width: 100px;height: 100px; border: 1px solid black; overflow: auto;">
                                        <span style="margin-top: 40px; display: inline-block;">워밍업</span>
                                    </th>
									<td style="background: rgb(164, 164, 223); width: 310px;">
                                    </td>
								</tr>
								<tr>
									<th style="width: 100px; height: 133px; border: 1px solid black; overflow: auto;">
                                        <span style="margin-top: 50px; display: inline-block;">상체운동</span>
                                    </th>
									<td style="width: 310px;"></td>
								</tr>
								<tr>
									<th style="width: 100px; height: 77px; border: 1px solid black; overflow: auto;">
                                        <span style="margin-top: 30px; display: inline-block;">복근운동</span>
                                    </th>
									<td style=" width: 310px;"></td>
								</tr>
								<tr>
									<th style="width: 100px; height: 77px; border: 1px solid black; overflow: auto;">
                                        <span style="margin-top: 30px; display: inline-block;">하체운동</span>
                                    </th>
									<td style="width: 310px;"></td>
								</tr>
								<tr>
									<th style="width: 100px; height: 100px; border: 1px solid black; overflow: auto;">
                                        <span style="margin-top: 40px; display: inline-block;">복근운동</span>
                                    </th>
									<td style=" width: 310px;"></td>
								</tr>
							</table>	
						</div>	
					</div>
					
					
				</div>	
			</div>
		</div>    
    </div>